<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <ul>
        <li>link1</li>
        <li>link2</li>
        <li>link3</li>
        <li>link4</li>
        <li>link5</li>
        <li>link6</li>
    </ul>
</body>
<script>
    var ali = document.querySelectorAll("li")

    // for(var i=0;i<ali.length;i++){
    //     (function(i){
    //         ali[i].onclick = function(){
    //             console.log(i)
    //         }
    //     })(i)
    // }

    // for(var i=0;i<ali.length;i++){
    //     ali[i].onclick = (function(i){
    //         return function(){
    //             console.log(i)
    //         }
    //     })(i)
    // }

    // console.log(ali.forEach)

    function fn(a){
        return function(){
            console.log(a)
        }
    }
    setInterval( fn(20) ,500)



</script>
</html>